<template>
  <div class="patrolStatistics-root runningAnalysis-root">
    <div class="box">
      <patrolType ref="patrolType"/>
    </div>
    <div class="box">
      <patrolTrend ref="patrolTrend"/>
    </div>
    <div class="box-100">
      <patrolTable ref="patrolTable"/>
    </div>
  </div>
</template>

<script>
  import patrolTrend from './components/patrolTrend.vue';
  import patrolType from './components/patrolType.vue';
  import patrolTable from './components/patroTable.vue';
    export default {
        name: "patrolStatistics",
        components: {
          patrolTrend, patrolType, patrolTable
        },
      data() {
        return {};
      },
      methods: {},
    }
</script>

<style lang="scss" scoped>
  /*@import "../../../runningAnalysis/runningAnalysis";*/

  .patrolStatistics-root {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    .box-100{
      width: 100%;
      padding: 8px 12px;
    }
    .box{
      width: 50%;
      padding: 8px 12px;
      margin-bottom: 20px;
    }
  }
</style>
